<template>
	<div class="pub-main">
		<sy-header></sy-header>
		<!-- <div class="iframe mt10">
			<iframe src="http://www.yhkjedu.com/jxsj2.html" width="100%" height="100%" frameborder="0"></iframe>
		</div> -->
		<div class="main-cont">
			<!-- <div class="sec-1">
				<el-image src="/static/image/production/6.png" fit="cover"></el-image>
			</div> -->
			<el-col :span="24" class="section-1"></el-col>
			<el-col :span="24" class="sec-2" style="background-color: rgb(248,248,249);">
				<div class="sec-cont">
					<p class="jxsj-h3">基于智能化，及丰富的课程中心。将智慧教学，智能管理，</p>
					<p class="jxsj-h3">数据采集分析融为一体的智慧教学与管理系统。创造简便智能的教学与管理新模式</p>
				</div>
				<div class="sec-list">
					<div class="list" v-for="(item,i) in sceList" :key="i">
						<el-image :src="item.url"></el-image>
						<span>{{item.title}}</span>
						<p>{{item.cont}}</p>
					</div>
				</div>
			</el-col>
			<el-col :span="24" class="sec-3">
				<div class="sec-cont">
					<div class="left">
						<div class="left-cont">
							<span class="title">智慧教学</span>
							<p class="zhjx-p1"><i></i><span> 支持老师申请教室、便捷备课、在课堂中实现互动教学。</span></p>
							<p class="zhjx-p1"><i></i><span> 支持学生个性化学习、师生互动，手机扫码签到、上课提问、课堂测验。</span></p>
						</div>
					</div>
					<div class="right">
						<div class="right-cont">
							<el-image src="/static/image/production/jxsj/zhjs_zhjx.png" class="img" fit="cover"></el-image>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="24" class="sec-3">
				<div class="sec-cont">
					<div class="left1">
						<div class="right-cont">
							<el-image src="/static/image/production/jxsj/zhjs_zngl.png" class="img" fit="cover"></el-image>
						</div>
					</div>
					<div class="right1">
						<div class="left-cont">
							<span class="title">智能管理</span>
							<p class="zhjx-p1"><i></i><span> 支持校领导远程巡课，督导测评，听课评课。</span></p>
							<p class="zhjx-p1"><i></i><span> 支持信息中心统一运维管理，自动检测，自动报修，远程控制。</span></p>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="24" class="sec-3">
				<div class="sec-cont">
					<div class="left">
						<div class="left-cont">
							<span class="title">数据统计分析</span>
							<p class="zhjx-p1"><i></i><span> 平台自动采集教学过程数据、运维数据、资源数据、课程数据等，帮助校领导自动管理并科学决策。</span></p>
						</div>
					</div>
					<div class="right">
						<div class="right-cont">
							<el-image src="/static/image/production/jxsj/zhjs_tjfx.png" class="img" fit="cover"></el-image>
						</div>
					</div>
				</div>
			</el-col>
			<el-col :span="24" class="sec-3">
				<div class="sec-cont">
					<div class="left1">
						<div class="right-cont">
							<el-image src="/static/image/production/jxsj/zhjs_zbkt.png" class="img" fit="cover"></el-image>
						</div>
					</div>
					<div class="right1">
						<div class="left-cont">
							<span class="title">课堂直播</span>
							<p class="zhjx-p1"><i></i><span> 教室直播授课，互联互通，实现远程互动教学。</span></p>
							<p class="zhjx-p1"><i></i><span> 线上直播，随时随地实现远程教学。</span></p>
						</div>
					</div>
				</div>
			</el-col>
			<footer-view></footer-view>
		</div>
	</div>
</template>

<script>
	import footerView from './compoents/footer.vue';
	export default {
		components: {
			footerView
		},
		data() {
			return {
				sceList:[{
					title:'智慧教学',
					cont:'资源数据共享、便捷备课，趣味化教学',
					url:'/static/image/production/jxsj/jxsj_jx.png'
				},
				{
					title:'督导测评',
					cont:'校领导远程巡课，督导测评，数据自动采集并呈现',
					url:'/static/image/production/jxsj/jxsj_dd.png'
				},
				{
					title:'远程教学',
					cont:'教室互联互通，实现远程互动教学',
					url:'/static/image/production/jxsj/jxsj_yc.png'
				},
				{
					title:'一体化运维',
					cont:'统一运维管理教室及教室所有设备',
					url:'/static/image/production/jxsj/jxsj_yw.png'
				}]
			}
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	@import './css.scss';
	// .iframe {
	// 	padding: 0;
	// 	margin: 0;
	// 	height: calc(100% - 60px);
	// }
	.main-cont{
		overflow-y: scroll;
		padding: 0;
		margin: 0;
		height: calc(100% - 60px);
	}
	.sec-1>>>.el-image {
		overflow: inherit;
	}
	.section-1 {
			height: 572px;
			background: url(../../..//static/image/production/6.png) no-repeat top;
			background-size: cover;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
		}
</style>
